<template>
	<view class="importantContent">
		<view class="head">
			<image src="../../static/home/zuanshi.png" mode="widthFix" style="width: 38rpx"></image>
			<text class="title">精品班级</text>
			<view class="moreBox">
				<text>更多</text>
				<uni-icons type="right"></uni-icons>
			</view>
		</view>
		<view class="im-con">
			<view class="im-con-item">
				<image src="../../static/home/i_class_1.webp" mode="widthFix" style="width: 280rpx"></image>
			</view>
			<view class="im-con-item">
				<image src="../../static/home/i_class_2.webp" mode="widthFix" style="width: 280rpx"></image>
			</view>
		</view>
	</view>
</template>

<script setup>
</script>

<style lang="scss" scoped>
	.importantContent {
		margin-top: 12px;
		background-color: #fff;
		padding: 20px 0;

		.head {
			display: flex;
			padding: 0 24rpx;

			.title {
				flex: 1;
				color: #000;
				font-size: 28rpx;
				margin-left: 12rpx;
			}

			.moreBox {
				color: #777;
				font-size: 28rpx;
			}
		}

		.im-con {
			display: flex;
			margin-top: 10px;

			.im-con-item {
				flex: 1;
				text-align: center;
			}
		}
	}
</style>